@charset 'utf-8';

@import 'header';
@import 'goTop';

.contact{
    padding-top: 130px;
    padding-bottom: 180px;
    .container{
        background: url(../assets/images/map-bg.png) 50% 100% no-repeat;
        .info-map{
            width: 808px;
            min-height: 368px;
            padding-top: 77px;
            margin: 0 auto;
            border: 3px solid #e1e3e4;
            border-bottom-width: 0;
            background-color: rgba($color: #fff, $alpha: .8);
            .info{
                padding-left: 160px;
                padding-bottom: 79px;
                li{
                    height: 70px;
                    margin-bottom: 20px;
                    font: 400 #{$base_font}/70px $font_family;
                    overflow: hidden;
                    i{
                        float: left;
                        width: 70px;
                        height: 70px;
                        margin-right: 52px;
                        background-color: #229da9;
                        border-radius: 50%;
                        background-position: 50% 50%;
                        background-repeat: no-repeat;
                    }
                }
                .tel i {
                    background-image: url(../assets/images/icon-05.png);
                }

                .mail i {
                    background-image: url(../assets/images/icon-06.png);
                }

                .addr i {
                    background-image: url(../assets/images/icon-07.png);
                }
            }
            .map{
                width: 605px;
                height: 342px;
                margin: 0 auto;
                background: #f1f1f1 url(../assets/images/map.jpg) no-repeat;
            }
        }
        .info-bg{
            height: 406px;
        }
    }
}